{% extends "base.html" %}{% load i18n %}
{% block title %}{% blocktranslate trimmed with name=person.display_name %}Delete {{ name }}?{% endblocktranslate %}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <h1>{% blocktranslate trimmed with name=person.display_name %}Delete {{ name }}?{% endblocktranslate %}</h1>
    <p>{% translate "This removes their account for good. It can’t be undone." %}</p>
  </div>
</div>

<div style="max-width:720px">
  {% if person.is_active %}
  <div class="notice-line" style="margin:0 0 20px">
    {% url 'team_edit' person.pk as edit_url %}{% blocktranslate trimmed with name=person.first_name|default:person.username %}Has {{ name }} just left the team? <a href="{{ edit_url }}">Turn off Can sign in</a> instead: they can’t sign in, and their name stays on their past work.{% endblocktranslate %}
  </div>
  {% endif %}

  <section class="panel">
    <div class="panel-head"><h2>{% translate "What happens" %}</h2></div>
    <h3 class="effects-h">{% translate "Removed with them" %}</h3>
    <ul class="rows count-rows">
      <li><span class="grow">{% translate "Their sign-in, name and phone numbers" %}</span><span class="num">{{ person.username }}</span></li>
      {% for label, n in removed %}{% if n %}<li><span class="grow">{{ label }}</span><span class="num">{{ n }}</span></li>{% endif %}{% endfor %}
    </ul>
    {% if kept %}
    <h3 class="effects-h">{% translate "Kept, but without their name" %}</h3>
    <ul class="rows count-rows">
      {% for label, n in kept %}<li><span class="grow">{{ label }}</span><span class="num">{{ n }}</span></li>{% endfor %}
    </ul>
    {% endif %}
    {% if unassigned %}
    <h3 class="effects-h">{% translate "Left with no one assigned" %}</h3>
    <ul class="rows count-rows">
      {% for label, n in unassigned %}<li><span class="grow">{{ label }}</span><span class="num">{{ n }}</span></li>{% endfor %}
    </ul>
    <p class="small muted">{% translate "Give these to someone else after deleting, from Follow-ups, Tickets and Contacts." %}</p>
    {% endif %}
  </section>

  <form method="post" class="form" novalidate style="margin-top:20px">
    {% csrf_token %}
    <p class="small muted">{% url 'backup' as backup_url %}{% blocktranslate trimmed %}If you might need their details again, <a href="{{ backup_url }}">download a backup</a> first.{% endblocktranslate %}</p>
    {% if error %}<div class="form-errors">{{ error }}</div>{% endif %}
    <div class="field{% if error %} has-error{% endif %}">
      <label for="confirm">{% blocktranslate trimmed with username=person.username %}To confirm, type their sign-in name: <span class="num">{{ username }}</span>{% endblocktranslate %}</label>
      <input id="confirm" name="confirm" type="text" autocomplete="off" autocapitalize="none" spellcheck="false" style="max-width:360px">
    </div>
    <div class="actions">
      <button class="btn btn-danger" type="submit">{% translate "Delete permanently" %}</button>
      <a class="btn btn-quiet" href="{% url 'team_edit' person.pk %}">{% translate "Cancel" %}</a>
    </div>
  </form>
</div>
{% endblock %}